<html>
    <head>
      <title>Water Popup</title>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
      <style>
        .wrapper{ 
          width: 750px;
          height: 300px;
        }
        .btn {
          margin-bottom: 20px;
        }
        .scroll {
          overflow-y: scroll;
        }
      </style>
    </head>
    <body>
      <div class="wrapper container">
        <div class="col-md-12 scroll" id="scroll">
          
        </div>
        <div class="col-md-12">
          <button id="btn1" class="btn btn-primary">search</button>
          <button id="btn2" class="btn btn-primary">getVisits</button>
          <button id="btn3" class="btn btn-primary">addUrl</button>
          <button id="btn4" class="btn btn-primary">deleteUrl</button>
          <button id="btn5" class="btn btn-primary">deleteRange</button>
          <button id="btn6" class="btn btn-primary">deleteAll</button>
        </div>
      </div>
      <script src="popup.js"></script>
    </body>
  </html>